.chat_room {
  display: flex;
  .chat_room_left {
    width: 120px;
  }

  .chat_room_right {
    flex: 1;
  }
}

// 聊天框
.chat_window {
  padding-left: 20px;
  box-shadow: 0 0 2px #efefef;

  .chat_list {
    height: 360px;
    border: 1px solid #dfdfdf;
    margin-bottom: 20px;
    overflow: auto;

    .chat_list_item {
      width: 100%;
      padding: 10px;
      display: flex;

      .chat_list_item_body {
        flex: 1;
        padding-left: 5px;
      }
    }
    .chat_list_item_self {
      flex-direction: row-reverse;

      .chat_list_item_body {
        display: flex;
        flex-direction: row-reverse;
      }
    }
  }

  .chat_input {
    .chat_input_label {
      flex: 1;
    }
    .chat_send {
      width: 80px;
    }
  }
}
